<template>
    <div id="resume">
        <MeowHeader :header-obj="headerObj"/>
        <div class="area">
            <mu-paper class="paper" :z-depth="5">
                <el-divider content-position="left"><b><i class="iconfont icon-resume"/> 基本信息</b></el-divider>
                <h2>李成鑫</h2>
                <p style="margin-bottom:20px">
                    <mu-badge class="info" content="5年工作经验"/>
                    <mu-badge class="info" content="本科"/>
                    <mu-badge class="info" content="1996.11"/>
                    <mu-badge class="info" content="男"/>
                </p>
                <p>
                    <span class="num-text">136-3413-2860</span>
                    <mu-button color="primary" flat small class="f12px"
                               v-clipboard:copy="`13634132860`"
                               v-clipboard:success="onCopy"
                               v-clipboard:error="onError"><i class="icon el-icon-document-copy"/>复制</mu-button>
                    <a href="tel:136-3413-2860" class="f12px c2196f3"><i class="icon el-icon-phone-outline"/>打电话</a>
                </p>
                <p>
                    <span class="num-text">lcxli@foxmail.com</span>
                    <mu-button color="primary" flat small class="f12px"
                               v-clipboard:copy="`lcxli@foxmail.com`"
                               v-clipboard:success="onCopy"
                               v-clipboard:error="onError"><i class="icon el-icon-document-copy"/>复制</mu-button>
                    <a href="mailto:lcxli@foxmail.com" class="f12px c2196f3"><i class="icon el-icon-message"/>发邮件</a>
                </p>
            </mu-paper>

          <mu-paper class="paper" :z-depth="5">
            <el-divider content-position="left"><i class="iconfont icon-skill"/><b> 个人优势</b></el-divider>
            <ul>
              <li>五年全栈综合开发经验，需求沟通、原型设计、切图、前端、后端、数据库全流程开发；</li>
              <li>优秀的沟通和逻辑能力，能快速理解需求；</li>
              <li>丰富的团队管理经验，能把控项目整体进度；</li>
              <li>认真负责的工作态度，能够独立完成模块的设计与开发；</li>
              <li>具备良好的代码书写、注释习惯，版本提交备注清晰明确，编写的设计文档和接口文档完整、可读性强；</li>
              <li>具备良好的分析能力和自学能力，能迅速适应新的开发模式，上手新的功能。</li>
            </ul>
          </mu-paper>

          <mu-paper class="paper" :z-depth="5">
            <el-divider content-position="left"><b><i class="iconfont icon-work"/> 工作经历</b></el-divider>
            <el-timeline>
              <el-timeline-item timestamp="至今" placement="top">
                <h4>南京翼海云峰软件技术有限公司</h4>
                <h5>主要内容</h5>
                <p>1. 搜索标注评测平台需求收集、原型图设计、前后端开发、工作整体进度管理；</p>
                <p>2. 华为协同办公日历云后台开发。</p>
                <h5>获得成绩</h5>
                <p>1. 2022年获得优秀员工荣誉。</p>
              </el-timeline-item>
              <el-timeline-item timestamp="2021.03" placement="top">
                <h4>安徽百得思维信息科技有限公司</h4>
                <h5>主要内容</h5>
                <p>1. 参与需求分析与评审；</p>
                <p>2. 制定研发计划并跟进团队项目进度；</p>
                <p>3. 负责系统后台和网站的前后端开发；</p>
                <p>4. 编写通用、规范的接口文档、详细设计文档。</p>
                <h5>获得成绩</h5>
                <p>1. 2018年获得最佳新人荣誉；。</p>
                <p>1. 2020年主导不动产项目开发，获得客户表扬信与锦旗。</p>
              </el-timeline-item>
              <el-timeline-item timestamp="2018.02" placement="top"/>
            </el-timeline>
          </mu-paper>

            <mu-paper class="paper" :z-depth="5">
              <el-divider content-position="left"><i class="iconfont icon-project"/> <b>项目经历</b></el-divider>
              <el-timeline>
                <el-timeline-item timestamp="至今" placement="top">
                  <h3>协同办公日历云</h3>
                  <p>
                    <mu-badge class="info" content="多端协同"/>
                    <mu-badge class="info" content="统一网关"/>
                  </p>
                  <mu-button color="primary" flat @click="alertInfo.hwrl=true">点击以查看详情</mu-button>
                </el-timeline-item>
                <el-timeline-item timestamp="2022.03" placement="top">
                  <h3>搜索标注评测平台</h3>
                  <p>
                    <mu-badge class="info" content="花瓣搜索评测"/>
                    <mu-badge class="info" content="定时标注任务"/>
                  </p>
                  <mu-button color="primary" flat @click="alertInfo.sspc=true">点击以查看详情</mu-button>
                </el-timeline-item>
                <el-timeline-item timestamp="2021.03" placement="top">
                  <h3>杭州财产登记综合平台<el-link type="primary" href="http://hzycsl.zjzwfw.gov.cn/sqdj/hz-estate/estateHome" :underline="false">(地址)</el-link></h3>
                  <p>
                    <mu-badge class="info" content="不动产网上办"/>
                    <mu-badge class="info" content="自动审批"/>
                  </p>
                  <mu-button color="primary" flat @click="alertInfo.ccdj=true">点击以查看详情</mu-button>
                </el-timeline-item>
                <el-timeline-item timestamp="2020.05" placement="top">
                  <h3>“一站通”政务服务平台</h3>
                  <p>
                    <mu-badge class="info" content="多事项并联申报"/>
                    <mu-badge class="info" content="一窗受理、四端协同"/>
                  </p>
                  <mu-button color="primary" flat @click="alertInfo.ycsl=true">点击以查看详情</mu-button>
                </el-timeline-item>
                <el-timeline-item timestamp="2018.07" placement="top">
                  <h3>智慧木垒APP</h3>
                  <p>
                    <mu-badge class="info" content="手机购物"/>
                  </p>
                  <mu-button color="primary" flat @click="alertInfo.ml=true">点击以查看详情</mu-button>
                </el-timeline-item>
                <el-timeline-item timestamp="2018.02" placement="top"/>
              </el-timeline>
            </mu-paper>

            <mu-paper class="paper" :z-depth="5">
                <el-divider content-position="left"><b><i class="iconfont icon-education"/> 教育经历</b></el-divider>
                <el-timeline>
                    <el-timeline-item timestamp="2018.07" placement="top">
                        <h4>安徽建筑大学</h4>
                        <p>
                            <mu-badge class="info" content="计算机科学与技术" color="primary"/>
                            <mu-badge class="info" content="全日制"/>
                            <mu-badge class="info" content="一本"/>
                            <mu-badge class="info" content="CET4"/>
                        </p>
                    </el-timeline-item>
                    <el-timeline-item timestamp="2014.09" placement="top"/>
                </el-timeline>
            </mu-paper>

            <el-dialog title="杭州财产登记综合平台" width="96%" :visible.sync="alertInfo.ccdj">
                <h4>承担工作</h4>
                <ul>
                    <li>参与需求分析与评审；</li>
                    <li>制定研发计划并跟踪团队项目进度；</li>
                    <li>负责相关数据库表结构设计；</li>
                    <li>后台接口开发、接口文档编写；</li>
                    <li>部分前端页面开发（Vue）；</li>
                    <li>与银行、税务部门、国土部门等进行对接开发，并编写通用、规范的接口文档；</li>
                    <li>项目部署与维护。</li>
                    <li>技术栈：mysql,oracle;spring,springMVC,hibernate;Vue。</li>
                </ul>
            </el-dialog>

            <el-dialog title="“一站通”政务服务平台" width="96%" :visible.sync="alertInfo.ycsl">
                <h4>承担工作</h4>
                <ul>
                    <li>web端和手机端表单开发、部分web页面开发；</li>
                    <li>普元工作流引擎流程图开发；</li>
                    <li>内部后台管理系统开发和维护；</li>
                    <li>后台接口和定时调度任务开发；</li>
                    <li>对接浙江政务服务网用户体系，负责网上办事大厅的后台接口分开发。</li>
                    <li>技术栈：mysql,oracle;spring,springMVC,hibernate,springboot;Vue,html+js+css。</li>
                </ul>
            </el-dialog>

            <el-dialog title="智慧木垒APP" width="96%" :visible.sync="alertInfo.ml">
                <h4>承担工作</h4>
                <ul>
                  <li>负责APP中商城模块的购物详情页、优惠券页、秒杀页面、购物车页面、个人中心等相关页面开发。</li>
                  <li>技术栈：flyui（讯飞自研的mvvm框架）</li>
                </ul>
            </el-dialog>

            <el-dialog title="协同办公日历云" width="96%" :visible.sync="alertInfo.hwrl">
                <h4>承担工作</h4>
                <ul>
                    <li>独立负责整个后台网关部分的全部功能开发，包括数据库设计等；</li>
                    <li>对接华为账号体系，实现用户登录、鉴权、流控、日志留存等；</li>
                    <li>对接华为内部 Egress、Obs、Datacopy、Tms  等相关业务功能；</li>
                    <li>技术栈：ServiceComb、Nacos、SpringBoot、SpringGateway、Redis、Mysql等。</li>
                </ul>
            </el-dialog>

            <el-dialog title="搜索标注评测平台" width="96%" :visible.sync="alertInfo.sspc">
                <h4>承担工作</h4>
                <ul>
                    <li>承担系统核心模块的数据库设计；</li>
                    <li>独立开发通用多节点调度任务框架； ；</li>
                    <li>设计与开发统一的接口参数校验模块；；</li>
                    <li>使用 Vue+Echarts  开发仪表盘和报表；；</li>
                    <li>技术栈：Spring、Mysql、Vue、Echarts、ElementUI等。；</li>
                </ul>
            </el-dialog>
        </div>
    </div>
</template>

<script>
    import MeowHeader from "@/components/MeowHeader";
    export default {
        name: "resume",
        components: {MeowHeader},
        data(){
            return{
                step: 0,
                headerObj: {
                    title: "李成鑫 - 个人简历",
                },
                alertInfo:{
                    hwrl:false,
                    sspc:false,
                    ccdj:false,
                    ycsl:false,
                    ml:false,
                }
            }
        },
        mounted() {

        },
        methods:{
            onCopy(row) {
                const h = this.$createElement;
                this.$notify({
                    title: row.text + ' 复制成功',
                    message: h('i', {style: 'color: teal'}, '已复制到剪贴板,请直接去粘贴吧!')
                });
            },
            // 复制失败
            onError(row){
                const h = this.$createElement;
                this.$notify({
                    title: row.text + ' 复制失败',
                    message: h('i', {style: 'color: teal'}, '手动操作吧！')
                });
            },
        }
    }
</script>

<style scoped lang="less">
    #resume{
        font-size: 18px;
        .area{
            text-align: left;
            margin-top: 20px;

            .paper{
                width: 90%;
                margin: 20px auto;
                padding: 15px;
                ul{
                    li{
                        font-size: 15px;
                        line-height: 28px;
                    }
                }

                i.icon{
                    margin-right: 5px;
                }
                p{
                    margin: 5px;
                }
                .info{
                    margin: 0 20px 0 0;
                }
                .num-text{
                    display: inline-block;
                    width: 150px;
                }
                .f12px{
                    font-size: 12px;
                }
                .c2196f3{
                    color: #2196f3;
                }
            }



        }
    }
</style>
